/* 元素选择器 */
p {
    color: rgb(243, 243, 7);
    font-size: 20px;
}

/* id选择器： 在文档中只能使用一次 */
#box1 {
    color: blue;
}

#box2 {
    color: brown;
}

/* 
类选择器：可以重复使用 
可以使用类选择器词列表的方式来为一个元素设置多个样式
*/
.center {
    color: olivedrab;
}

.stress {
    color: red;
}

.bigsize {
    font-size: 25px;
}

/* 通用选择器 主要用于测试，可以选择所有的元素*/
/* * {
    border: 1px solid red;
} */

/* 子元素选择器 > :会选择第一代子元素 */
h1 > strong {
    color:red;
}

/* .food > li {
    border: 1px solid red;
} */

/* 后代选择器 使用空格 */
.food li {
    border: 1px solid red;
}